@import '~@/pagecss/public.less';

.class-box {
  background-color: #EAEAEA;

  .class-body {
    .class-banner {
      padding: 26/75rem;

      .banner-card {
        padding: 27/75rem;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 8px 1px rgba(153, 153, 153, 0.58);
        border-radius: 7px;

        .banner-tip {
          justify-content: space-between;

          .banner-tip-text1 {
            margin-bottom: 15/75rem;
            font-size: 34/75rem;
          }

          .banner-tip-text2 {
            font-size: 25/75rem;
            font-weight: 300;
            color: rgba(0, 0, 0, 1);
          }

          .banner-picture {
            width: 101/75rem;
            height: 101/75rem;
            padding: 11/75rem;
            box-shadow: 0px 3px 7px 0px rgba(186, 186, 186, 0.39);
            border-radius: 7px;

            .radius-picture {
              height: 100%;
              border-radius: 50%;
              overflow: hidden;
            }
          }
        }

        .banner-address {
          margin-top: 40/75rem;
          padding-bottom: 24/75rem;
          border-bottom: 0.5px solid rgba(64, 133, 225, .2);
          justify-content: space-between;
          span {
            padding: 7/75rem 11/75rem;
            font-size: 21/75rem;
            font-weight: 300;
            color: rgba(71, 135, 228, 1);
            background-color: #EAEAEA;
          }

        }

        .banner-time {
          margin-top: 23/75rem;
          font-size: 18/75rem;
          font-weight: 300;
          color: rgba(0, 0, 0, 1);
        }
      }
    }

    .class-explain {
      padding: 30/75rem 26/75rem 20/75rem;

      .explain-tip {
        font-size: 34/75rem;
        font-weight: bold;
        color: rgba(0, 0, 0, 1);
      }
    }

    .explain-content {
      padding: 26/75rem;
      background-color: #ffffff;

      p {
        margin-bottom: 20/75rem;
        line-height: 46/75rem;
        font-size: 24/75rem;
        font-weight: 300;
        color: rgba(0, 0, 0, 1);
      }
    }

    .comment-box {
      margin-bottom: 15/75rem;
      background-color: #ffffff;

      .comment-head {
        padding: 31/75rem 0 12/75rem 31/75rem;
        align-items: flex-start;
        border-bottom:0.5px solid rgba(71,135,227,.2);
        .comment-picture {
          width: 71/75rem;
          height: 71/75rem;
          padding: 8/75rem;
          margin-right: 20/75rem;
          box-shadow: 0px 3px 7px 0px rgba(186, 186, 186, 0.39);
          border-radius: 7px;
          img{
              border-radius: 50%;
          }
        }
        .comment-text1,.comment-text3{
            font-size: 24/75rem;
            font-weight:400;
            color:rgba(0,0,0,1);
        }
        .comment-text2{
            margin-bottom: 30/75rem;
            font-size: 18/75rem;
            font-weight:300;
            color:rgba(0,0,0,1);
        }
        .comment-text3{
           
        }
      }
      .comment-fotter{
          padding:25/75rem;
          text-align: right;
      }
      
    }
  }
}
